#wrapper{
	max-width: 750px;
	margin:0 auto;
	box-sizing: border-box;
	font-size:16px;
}
.banner{
	width: 100%;
	height: 4.2rem;
	background: red;
	background: #f8f8f8;
	background-image: url(/images/bg.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;	
}
/*--------------user--------*/
select{ 
        outline: none;
        border: none;
        width: 100%;
        padding:5px 10px; 
		appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #277de2;
        background:#fff;
    }
.select{
	position: relative;
}
.select:after{
	display: block;
	content: "";
    width: 0;
    height: 0;
    border-width: .16rem .16rem 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    position: absolute;
    right: .25rem;
    bottom: .32rem;	
}
.inpbox{
  padding:.12rem 0px;
  overflow: hidden;
  line-height: 2;
  padding-left:.4rem;  
  background:#fff;
}
.card-select .inpbox{
	border-bottom:1px solid #eaeaea;
	margin-top:10px;
}
.card-select .inpbox{
	height:37px;
	line-height:37px;
}
.card-select .vehicleType.active{
	position: relative;
	padding-bottom:21px;
	
}
.card-select .vehicleType .tip{
	width:100%;
	height:20px;
	line-height:20px;
	position: absolute;
	bottom:0px;
	left:0px;
	font-size:14px;
	border-top:1px dotted #ccc;
 	text-indent:12px;
	color: rgb(153, 153, 153);
    font-size: 12px;
    display:none;
    color:#fff;
    background:#999;	
}
.card-select .vehicleType.active .tip{
	display:block;
}
.inpbox .header{
  display: inline-block;
  padding: 0px 5px 0px 15px;
  position: relative;
  box-sizing: border-box;
  float: left;
}
.inpbox .header:after{
  display: block;
  content: "*";
  color: red;
  font-size: 16px;
  position: absolute;
  left: 0px;
  top: 2px;
} 
.inpbox .select{
	float: right;
	width: 3.3rem;
	box-sizing: border-box;
}
.card-select .vehicleType .content{
	float: right;
	width: 3.3rem;
	box-sizing: border-box;
    height: 100%;
    display: none;		
}
/*------------mark订单------------*/
.mark{
	width: 100%;
	max-width: 750px;
	height: 100%;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	background: rgba(0,0,0,.6);	
	transform:translateY(100%);
	-ms-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
	-o-transform:translateY(100%);	
	transition: .5s;
	z-index:999999;
}
.show-mark{
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
}
.mark .dialog{
	width: 100%;
	max-width: 750px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	background: #fff;
	box-sizing: border-box;
	padding:15px;
}
.mark .dialog .order-header{
		margin: 0.2rem 0px;
		font-size: 0.36rem;	
		text-align: center; 
		position: relative;
}
.mark .dialog .odrer-list .content{
	text-align:right;
	font-size:14px;
	line-height:32px;
	color:#666;
}
.mark .dialog li{
	position: relative;
}
.mark .dialog li:after{
	display: block;
	content: "";
	position: absolute;
	width: 200%;
	height: 1px;
	background: #ccc;
	bottom: 0px;
	left:-50%;
	transform: scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);	
}	
.plate-select #select_cardTime li.active{
   background-color: #1aad19;
   color:#fff;
}
.mark .dialog .order-header .close{
	width:.8rem;
	height: .8rem;
	font-size: 0.26rem;	
	text-align: center;
	line-height: .8rem;
	position: absolute;
	top: -.3rem;
	right: .1rem;
	background:#2d78f4;
	color: #fff;
	border-radius: 20px;
	box-shadow: 0px 0px 0px 1px gray;
}
.mark .dialog .odrer-list{
	border: 1px dotted orange;
	padding: .2rem;
}
.payMoney .symbole{
	color: red;
}
/*提交按钮*/
	.confirm,.submit{
		width: 5rem;
		height: 1rem;
		display: block;
		text-align: center;
		line-height: 1rem;
		border-radius:0.2rem;		
		color: #fff;
		margin: 0 auto;
		margin-top: 0.4rem;
		font-size: 0.36rem;	 
		cursor: pointer;
		transition: background 0.6s ease-out;
		border: none;
	    outline: 0;
	       /* outline: none;  */  
	    -webkit-appearance: none;
	    border: 1px solid transparent;
	    background-color: #1aad19;	   
	}
/* -------------------月卡信息选择select自定义----------------------------- */
.plate-select{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0px;
		background: rgba(0,0,0,.6);
		z-index: 999;
		transform:translateY(100%);
		-ms-transform:translateY(100%);
		-moz-transform:translateY(100%);
		-webkit-transform:translateY(100%);
		-o-transform:translateY(100%);	
		transition: .5s;		
	}
.show-plate{
	transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	-o-transform:translateY(0);
}
.plate-select ul{
	width: 100%;
	height: auto;
	max-height: 65%;
	background: #fff;
	position: fixed;
	bottom: 0px;
	overflow-y: auto;
	overflow-x: hidden;
	display:none;
}
.plate-select ul li{
	height: .99rem;
	line-height: .9rem;
	border-top: .01rem solid #ccc;
	text-align: center;
}
.plate-select #select_cardTime{
	zoom:1;
	padding:20px;
	padding-bottom:0px;
	box-sizing: border-box;
}
.plate-select #select_cardTime:after{
	display:block;
	content:"";
	clear:both;
}
.plate-select #select_cardTime li{
	float:left;
	width:25%;
	height:0.7rem;
	line-height:0.7rem;
	box-sizing: border-box;
	border:1px solid #ddd;
	margin-left:20px;
	margin-bottom:20px;
    background-color: #fff;
    box-shadow: 0 -1px 3px #f1f1f1;	
}
/* .plate-select #select_cardTime li:nth-child(n+8){
	border-bottom:1px solid #ccc;
} */

@media screen and (min-height: 438px){
	.weui-msg__extra-area {
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    width: 100%;
	    text-align: center;
	}
}
.weui-msg__extra-area {
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
}
.weui-footer {
    color: #999;
}
.weui-footer, .weui-grid__label {
    text-align: center;
    font-size: 14px;
}
.weui-footer__links {
    font-size: 0;
}
.weui-footer a {
    color: #586c94;
}
.weui-footer__link {
    display: inline-block;
    vertical-align: top;
    margin: 0 .62em;
    position: relative;
    font-size: 14px;
}
/*------------------rem闪屏问题--------------------*/
@media (min-width: 320px){html{font-size: 266.667%;} }
@media (min-width: 360px){html{font-size: 300%;} }
@media (min-width: 375px){html{font-size: 312.5%;;} }
@media (min-width: 384px){html{font-size: 320%;} }
@media (min-width: 414px){html{font-size: 345%;} }
@media (min-width: 448px){html{font-size: 373.333%;} }
@media (min-width: 480px){html{font-size: 400%;} }
@media (min-width: 512px){html{font-size: 426.667%;} }
@media (min-width: 544px){html{font-size: 453.333%;} }
@media (min-width: 576px){html{font-size: 480%;} }
@media (min-width: 608px){html{font-size: 506.667%;} }
@media (min-width: 640px){html{font-size: 533.333%;} }
@media (min-width: 750px){html{font-size: 625%;;} } 		